<!--
<script>
  import Headerbutton from "$lib/layouts/headerbutton.svelte";
import { header_nav } from "$lib/config/siteconfig";
</script>
<div
 class="grid grid-flow-col gap-5 my-6 basis-full">
  {#each header_nav as item}


       <a href={item.href}  rel="prefetch" >

        <Headerbutton>{item.text}</Headerbutton>
      </a>
    {/each}
</div> -->
<script>
	export let testnav;
</script>

<nav class="grid grid-flow-col gap-5 my-6 basis-full">
	{#each testnav as { src, name }}
		<a sveltekit:prefetch href="/{src}" class="no-underline ">
			<div
				class="card"
				flex
				font-bold
				justify-center
				items-center
				op80
				h12
				hover="op100 text-amber-50"
			>
				{name}
			</div>
		</a>
	{/each}
</nav>